<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>congyang</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/reset.css">
<!-- 	<link rel="stylesheet" href="respond768.css" media="screen and (min-width:780px)"> -->
	<link rel="stylesheet" href="fa/css/font-awesome.css">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
</head>
<body>
	<section class="container cf">
		<header>
			<div class="header-top">
				<a href="#">
					<h1>CongYang</h1>
				</a>
				<ul>
					<li><a href="AboutMe" data-name="Login">About Me</a></li>
					<li><a href="MyWork" data-name="Sign Up">My Work</a></li>
				</ul>
			</div>
			<div class="banner">
				<div class="banner-inner wrap">
					<h2>Welcome This's My Home</h2>
					<p>My name is congyang,this web page was a homework.Now,i changed it as my home web page</p>
					<p>you can see "About Me" and "My Work" to know me.</p>
				</div>
				<div class="line">
					
				</div>
				<div class="banner-bottom cf">
					<div class="banner-bottom-inner cf">
						<a href="MyWork">
							Work
						</a>
						<a href="MyWork">
							More
						</a>
					</div>
				</div>
			</div>
		</header>
		<!-- <section class="main">
			<div class="wraper1 characteristic cf">
				<div class="item">
					<div class="icon"><i class="fa fa-university"></i>

					</div>
					<h3>Setup Shop</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-credit-card"></i>

					</div>
					<h3>Digital Wallet</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-truck"></i>

					</div>
					<h3>Physical Goods</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-paper-plane-o"></i>

					</div>
					<h3>Digital Delivice</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
			</div>
			<div class="wraper2 wrap cf">
				<div class="item">
					<div class="item-inner">
						<img src="images/wraper2pic1_05.png" alt="">
						<h3>Accept Payments</h3>
						<p>Lorem ipsum do lor sit amet, consectetur adipisicing elit. Quas fugit officia repudiandae natus n ihil veritatis omnis maiores. Earum assumenda fugit officiis nihil, odit sunt quibusdam, sint praesentium, laborum aliquam distinctio.</p>
					</div>
				</div>
				<div class="item">
					<div class="item-inner">
						<img src="images/wraper2pic2_08.png" alt="">
						<h3>Manage Customers</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas fugit officia repudiandae natus n ihil veritatis omnis maiores. Earum assumenda fugit officiis nihil, odit sunt quibusdam, sint praesentium, laborum aliquam distinctio.</p>
					</div>
				</div>
				<div class="item">
					<div class="item-inner">
						<img src="images/wraper2pic3_10.png" alt="">
						<h3>No Coding</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas fugit officia repudiandae natus n ihil veritatis omnis maiores. Earum assumenda fugit officiis nihil, odit sunt quibusdam, sint praesentium, laborum aliquam distinctio.</p>
					</div>
				</div>
			</div>
			<div class="wraper3 cf">
				<div class="wraper3-inner wrap cf">
					<article>
						<h2>Pay Me for Free</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam quas sint vero itaque distinctio rem, aut consequatur sit ipsa quia tempore excepturi corrupti libero eveniet aspernatur minus, temporibus, fugiat tenetur.Lorem ipsum do lor sit amet, consectetur adipisicing elit. .</p>
						<a href="#">Sign up</a>
						<a href="#">See Example</a>
					</article>
					<img src="images/wraper3pic_14.png" alt="">
				</div> 
			</div>
			<div class="wraper4 characteristic cf">
				<div class="item">
					<div class="icon"><i class="fa fa-refresh"></i>

					</div>
					<h3>Recurring Payments</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-jpy"></i>

					</div>
					<h3>One-Time Payments</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-truck"></i>
					</div>
					<h3>Pre-Orders</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-file-text-o"></i>

					</div>
					<h3>Invoices</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
			</div>
			<div class="wraper5 cf">
				<div class="wraper5-inner wrap cf">
					<article>
						<h2>Sell Anything</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid error mollitia deserunt libero dicta voluptate, officiis vero ut voluptas perspiciatis maiores magnam consectetur, at pariatur perferendis est, nam ea corporis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias velit molestiae quos, rerum quibusdam quae necessitatibus explicabo architecto enim impedit eos excepturi voluptatem at adipisci ullam itaque magni quam. Voluptates.</p>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur labore deleniti unde, harum corporis, placeat fugit at doloribus ipsa. Quia provident ips!</p>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente itaque, incidunt enim adipisci quo nisi omnis voluptates vero? Adipisci perferendis enim culpa laboriosam dignissimos nesciunt inventore ut iste. Sit, id! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus autem at.</p>
						<a href="#">Sign Up</a>
						<span>Example:</span>
						<ul>
							<li><a href="#">One-Time</a></li>
							<li><a href="#">Recurring</a></li>
							<li><a href="#">Embed</a></li>
						</ul>
					</article>
					<div class="pic">
						<img src="images/wraper5pic1_23.png" alt="">
						<img src="images/wraper5pic2_27.png" alt="">
					</div>
				</div>
			</div>
			<div class="wraper6">
				<div class="wraper6-inner cf">
					<article>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa nostrum repudiandae veniam, totam officiis esse. Dolorum, laboriosam, architecto. Accusantium est distinctio rerum possimus vitae.</p>
						<a href="#">Sign up</a>
						<a href="#">View Pricing</a>
					</article>
					<img src="images/wraper6pic.png" alt="">
				</div>
			</div>
			<div class="wraper7 characteristic cf">
				<div class="item">
					<div class="icon"><i class="fa fa-link"></i>

					</div>
					<h3>Reports</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-usd"></i>

					</div>
					<h3>Automatic Receipts</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-users"></i>

					</div>
					<h3>Virtual Terminal</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-truck"></i>
					</div>
					<h3>256-bit SSL Security</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
			</div>
			<div class="wraper8">
				<div class="wraper8-inner">
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus accusantium impedit excepturi error vero! Et minus reprehenderit cum dolorem, officiis delectus, qui autem nobis optio doloribus inventore assumenda nam tempora. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus illo nostrum, nulla sequi obcaecati fugiat! Possimus, est, culpa dolor!</p>
				</div>
			</div>
			<div class="wraper9 characteristic cf">
				<div class="item">
					<div class="icon"><i class="fa fa-university"></i>
					</div>
					<h3>Coupons</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-credit-card"></i>
					</div>
					<h3>Export Data</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-truck"></i>
					</div>
					<h3>Member Management</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
				<div class="item">
					<div class="icon"><i class="fa fa-credit-card"></i>
					</div>
					<h3>Analytics</h3>
					<p>Sell products and/or subcciptions without writing any code at all.</p>
				</div>
			</div>
			<div class="wraper10">
				<div class="wraper10-inner">
					<h2>Pricing for Sellers</h2>
					<p>All credit card transations are subject to Stripe's additional <span>transation fee</span>.See<span>why</span>.</p>
					<div class="money cf">
						<a href="#" class="item">
							<div class="item-top cf">
								<h3>Basic</h3>
								<div class="cf">
									<span>＄</span>
									<span>0</span>
									<span>/mo</span>
								</div>
								<p class="cf">4% per transaction + Stripe's fee</p>
							</div>
							<div class="item-bottom">
								<p>+ All standard features + Unlimited bandwidth and storage</p>
							</div>
						</a>
						<a href="#" class="item">
							<div class="item-top cf">
								<h3>Basic</h3>
								<div class="cf">
									<span>＄</span>
									<span>0</span>
									<span>/mo</span>
								</div>
								<p class="cf">4% per transaction + Stripe's fee</p>
							</div>
							<div class="item-bottom">
								<p>+ All standard features + Unlimited bandwidth and storage</p>
							</div>
						</a>
						<a href="#" class="item">
							<div class="item-top cf">
								<h3>Basic</h3>
								<div class="cf">
									<span>＄</span>
									<span>0</span>
									<span>/mo</span>
								</div>
								<p class="cf">4% per transaction + Stripe's fee</p>
							</div>
							<div class="item-bottom">
								<p>+ All standard features + Unlimited bandwidth and storage</p>
							</div>
						</a>
					</div>
					<p><strong>Pay Me</strong> payments are always free on all plans 0% per credit card transation.</p>
				</div>
			</div>
			<div class="wraper11 cf">
				<div class="wraper11-inner cf">
					<div class="cf">
					<span></span>
					<h2>Market</h2>
					</div>
					<p>Browse and search goods being sold on Plasso</p>
					<a href="#">Shop</a>
				</div>			
			</div>
		</section>
		<footer>
			<div class="footer-inner">
				<a href="#">Sign Up</a>
				<div class="cf">
				<span>©2012-2015<a href="#">Plasso</a></span>
				<ul>
					<li><a href="#">Login</a></li>
					<li><a href="#">Sign Up</a></li>
					<li><a href="#">Market</a></li>
					<li><a href="#">Support</a></li>
				</ul>
				<span>Want updates?Follow <a href="#">paywithplasso</a></span>
				</div>
			</div>
		</footer> -->
	</section>
</body>
</html>
